<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<title>用户中心</title>
    <script type="text/javascript" src="https://www.zengpengxi.com/js/jquery-3.5.1.js"></script>
    <link rel="stylesheet" href="../css/user.css">
</head>
<body>
	<div class="zw"></div>
	<!-- 导航栏 -->
	<header>
		<img src="https://showtp.oss-cn-chengdu.aliyuncs.com/books/images/logo.png" />
		<nav id="nav">
			<a href="../index.html">首页</a>
			<a href="content.html">Kindle区</a>
			<a href="content.html">PDF区</a>
			<a href="stackRoom.html">书库</a>
		</nav>
	</header>
	
	<!-- 用户 -->
	<section>
		<div class="topBox">
			<div class="topBoxLeft">
				<div class="touI"></div>
				<div class="touT">
					<p>姓名：星如雨</p>
					<p>注册时间：2020-12</p>
				</div>
			</div>
			<div class="topBoxCenter">
				<h2>详情信息：</h2>
				<p>阅读时间：3650小时</p>
				<p>余额：100</p>
				<div class="topBoxCenterBook">
					<p>继续阅读</p>
					<div class="topBoxCenterBookDiv" id="topBoxCenterBookDiv"></div>
				</div>
			</div>
			<div class="topBoxRight">
				<div class="topBoxRightDiv"></div>
				<p>扫码在线阅读</p>
			</div>
		</div>
	</section>

	<!-- 下方内容 -->
	<section>
		<h2 class="theH2">已阅读的书籍：</h2>
		<div class="buttomBox">
			<div id="books" class="books"></div>
		</div>
	</section>

	<footer>
		<div class="footerTop">
			<div class="">
				<a href="../index.html">首页</a>
				<a href="stackRoom.html">书库</a>
			</div>
			<div class="">
				<a href="#">更多</a>
				<a href="#">往期页面</a>
			</div>
		</div>
		<div class="footerBottom">
			<p>联系我们：</p>
			<p>QQ：2638000000</p>
			<p>电话：19900000000，010 - 0000000</p>
			<p>蜀ICP备19038726号</p>
		</div>
	</footer>

	<!-- 得到输出下方和用户内容 -->
	<script src="../js/user.js"></script>
</body>
</html>